#include('head.html', {title : '登录'})
<body class="bg-info dker">
<section id="content" class="m-t-lg wrapper-md animated fadeInUp">
    <div class="container aside-xl">
        <a class="navbar-brand block" href="signin"><span class="h1 font-bold">重置密码</span></a>
        <section class="m-b-lg">
            <header class="wrapper text-center">
                <strong>皖西学院创客实验室成员管理系统</strong>
            </header>
            <style>
                . {
                    width:800px;
                    font-family:'黑体';
                    margin:50px auto;
                    margin: 0%;
                    padding: 0%;
                }
                .default{
                    width:200px;
                    height:32px;
                    line-height:32px;
                    color: #ffffff;
                }
                .error{
                    height:32px;
                    line-height:32px;
                    color:#F00;
                }
                .success{
                    height:32px;
                    line-height:32px;
                    color: #ffffff;
                }

                .m-t-lg {
                    margin-top: 8px;
                }

                #button-forget-pwd {
                    width: 120px;
                    height: 30px;
                    line-height: 30px;
                    border: #ddd 1px solid;
                    background: #f1f1f1;
                    text-align: center;
                    cursor: pointer;
                    font-size: 14px;
                    color: #666;
                    display: block;
                    float: left;
                    margin-top: 3%;
                    margin-left: 3%;
                    margin-bottom: 10%;
                }
                #yanzheng{
                    display:block;
                    width: 60%;
                    float: left;
                }
                #youxiang{
                    margin-bottom:9%;
                }
            </style>
            <script type="text/javascript">
                //验证密码
                function checkPassword(){
                    var userpasswd = document.getElementById('userPasword').value;
                    var reg = /^.*[~!@#\$%\^&\*\(\)_+\-=\[\]\{\}\\\|\'\";:,\<\.\>\/\?\s+].*$/;
                    var regNumber = /\d+/; //验证0-9的任意数字最少出现1次。
                    var regString = /[a-zA-Z]+/; //验证大小写26个字母任意字母最少出现1次。
                    if(userpasswd.length == 0){
                        document.getElementById('passwordErr').innerHTML="密码不能为空";
                        document.getElementById('passwordErr').className="error";
                    }
                    else if(userpasswd.length<4||userpasswd.length>10){
                        document.getElementById('passwordErr').innerHTML="密码长度要大于4个字符并且小于10个字符";
                        document.getElementById('passwordErr').className="error";
                    }
                    else if(!(regNumber.test(userpasswd) && regString.test(userpasswd) || reg.test(userpasswd))){
                        document.getElementById('passwordErr').className="error";
                        document.getElementById('passwordErr').innerHTML="密码中要包含字符串、数字可包含特殊符号！";
                    }
                    else{
                        document.getElementById('passwordErr').className="success";
                        document.getElementById('passwordErr').innerHTML="正确";
                    }
                }
                //确认密码
                function ConfirmPassword(){
                    var userpasswd = document.getElementById('userPasword');
                    var userConPassword = document.getElementById('userConfirmPasword');
                    var errConPasswd = document.getElementById('conPasswordErr');
                    if((userpasswd.value)!=(userConPassword.value) || userConPassword.value.length == 0){
                        errConPasswd.innerHTML="上下密码不一致";
                        errConPasswd.className="error";
                        return false;
                    }
                    else{
                        errConPasswd.innerHTML="OK";
                        errConPasswd.className="success";
                        return true;
                    }
                }
                //验证邮箱
                function checkEmail() {
                    var a=document.getElementById('youxiang').value;
                    var re = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                    if(!re.test(a)){
                        document.getElementById('yx').className="error";
                        document.getElementById('yx').innerHTML="邮箱输入有误";
                    }
                    else{
                        document.getElementById('yx').className="success";
                        document.getElementById('yx').innerHTML="正确";
                    }
                }
            </script>
            <form action="#">
                <div class="form-group">
                    <input type="email" placeholder="输入已验证邮箱" id="youxiang" onblur="check1()" class="form-control rounded input-lg text-center no-border">
                    <!--<span class="default" id="yx">请输入邮箱</span>-->
                </div>
                <div class="form-group">
                    <div >
                        <input type="password" placeholder="验证码" id="yanzheng" class="form-control rounded input-lg text-center no-border">
                        <div><button id="button-forget-pwd" >获取邮箱验证码</button></div><br><br>
                    </div>
                </div>
                <div class="form-group">
                    <input type="password" placeholder="密码" id="userPasword" onBlur="checkPassword()" oninput="checkPassword()" class="form-control rounded input-lg text-center no-border">
                    <span class="default" id="passwordErr" id="passwordErr">请输入密码</span>
                </div>
                <div class="form-group">
                    <input type="password" placeholder="确认密码" id="userConfirmPasword" onBlur="ConfirmPassword()" oninput="ConfirmPassword()" class="form-control rounded input-lg text-center no-border">
                    <span class="default" id="conPasswordErr">请再输入一遍密码</span>
                </div>
                <button type="submit" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded"><i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg">重置密码</span></button>
                <div class="line line-dashed"></div>
                <a href="/signin" class="btn btn-lg btn-info btn-block rounded">登录</a>
            </form>
        </section>
    </div>
</section>
#include('footer.html')
#include('js.html')
</body>
</html>